<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" href="chrome://devtools/skin/animationinspector.css" type="text/css"/>
    <script type="application/javascript;version=1.8" src="chrome://devtools/content/shared/theme-switching.js"/>
  </head>
  <body class="theme-sidebar devtools-monospace" role="application" empty="true">
    <div id="global-toolbar" class="theme-toolbar">
      <span id="all-animations-label" class="label"></span>
      <button id="toggle-all" standalone="true" class="devtools-button pause-button"></button>
    </div>
    <div id="timeline-toolbar" class="theme-toolbar">
      <button id="rewind-timeline" standalone="true" class="devtools-button"></button>
      <button id="pause-resume-timeline" standalone="true" class="devtools-button pause-button paused"></button>
      <span id="timeline-rate" standalone="true" class="devtools-button"></span>
      <span id="timeline-current-time" class="label"></span>
    </div>
    <div id="players"></div>
    <div id="error-message">
      <p id="error-type"></p>
      <p id="error-hint"></p>
      <button id="element-picker" standalone="true" class="devtools-button"></button>
    </div>
    <script type="application/javascript;version=1.8" src="animation-controller.js"></script>
    <script type="application/javascript;version=1.8" src="animation-panel.js"></script>
  </body>
</html>
